👀 Reading hidden code

using CellularAutomata

2.7 ms

👀 Reading hidden code

using PlutoUI

216 ms

PlutoUI.ExperimentalLayout

👀 Reading hidden code

const Layout = PlutoUI.ExperimentalLayout

138 μs

👀 Reading hidden code

using HypertextLiteral

: @htl, @htl_str

142 μs

Demo

👀 Reading hidden code

184 μs

ncells: 111

👀 Reading hidden code

59.6 ms

generations: 30

👀 Reading hidden code

790 μs

👀 Reading hidden code

3.5 ms

👀 Reading hidden code

rule

9.0 μs

👀 Reading hidden code

67.8 ms

show_border:

👀 Reading hidden code

45.8 ms

👀 Reading hidden code

67.1 μs

Bool

false

false

false

false

false

false

false

false

false

false

false

false

false

false

false

false

false

false

false

false

102

false

103

false

104

false

105

false

106

false

107

false

108

false

109

false

110

false

111

false

starting_val = generate_starting_val(Bool, ncells)

👀 Reading hidden code

13.1 ms

CellularAutomaton{DCA{Int64, Vector{Int64}, Int64}, Matrix{Bool}}CellularAutomaton

generations

generation_fun

DCA{Int64, Vector{Int64}, Int64}DCA

rule

ruleset

Int64

states

radius

evolution

30×111 Matrix{Bool}:
 0  0  0  0  0  0  0  0  0  0  0  0  0  0  …  0  0  0  0  0  0  0  0  0  0  0  0  0
 0  0  0  0  0  0  0  0  0  0  0  0  0  0     0  0  0  0  0  0  0  0  0  0  0  0  0
 0  0  0  0  0  0  0  0  0  0  0  0  0  0     0  0  0  0  0  0  0  0  0  0  0  0  0
 0  0  0  0  0  0  0  0  0  0  0  0  0  0     0  0  0  0  0  0  0  0  0  0  0  0  0
 0  0  0  0  0  0  0  0  0  0  0  0  0  0     0  0  0  0  0  0  0  0  0  0  0  0  0
 0  0  0  0  0  0  0  0  0  0  0  0  0  0  …  0  0  0  0  0  0  0  0  0  0  0  0  0
 0  0  0  0  0  0  0  0  0  0  0  0  0  0     0  0  0  0  0  0  0  0  0  0  0  0  0
 ⋮              ⋮              ⋮           ⋱        ⋮              ⋮              ⋮
 0  0  0  0  0  0  0  0  0  0  0  0  0  0     0  0  0  0  0  0  0  0  0  0  0  0  0
 0  0  0  0  0  0  0  0  0  0  0  0  0  0  …  0  0  0  0  0  0  0  0  0  0  0  0  0
 0  0  0  0  0  0  0  0  0  0  0  0  0  0     0  0  0  0  0  0  0  0  0  0  0  0  0
 0  0  0  0  0  0  0  0  0  0  0  0  0  0     0  0  0  0  0  0  0  0  0  0  0  0  0
 0  0  0  0  0  0  0  0  0  0  0  0  0  0     0  0  0  0  0  0  0  0  0  0  0  0  0
 0  0  0  0  0  0  0  0  0  0  0  0  0  0     0  0  0  0  0  0  0  0  0  0  0  0  0

ca = CellularAutomaton(DCA(rule), starting_val, generations)

👀 Reading hidden code

1.3 ms

👀 Reading hidden code

84.0 μs

Utility functions

👀 Reading hidden code

192 μs

generate_starting_val (generic function with 1 method)

👀 Reading hidden code

642 μs

demo_ca (generic function with 3 methods)

👀 Reading hidden code

975 μs

👀 Reading hidden code

66.5 μs

Display automata sequence

👀 Reading hidden code

195 μs

demo_ca(DCA(30)) |> show_sequence

👀 Reading hidden code

112 ms

demo_ca(DCA(7110222193934; states=3, radius=1), 121, 50) |> show_sequence

👀 Reading hidden code

45.2 ms

show_sequence (generic function with 1 method)

show_sequence(ca; border::Bool=false) = @htl """

<div

class="plui-cell-automata $(border ? "border" : "")"

style=$(Dict(

:display => "grid",

:grid_template_columns => "repeat($(size(ca.evolution, 2)), auto)",

:contain => "layout paint",

))>$(

Iterators.map(PermutedDimsArray(ca.evolution, (2,1))) do x

@htl "<div style=$(Dict(

:background => background(ca, x),

))></div>"

end

)</div>

<style>

.plui-cell-automata > div {

aspect-ratio: 1;

}

.plui-cell-automata.border > div {

border: .2px solid #888;

}

</style>

"""

👀 Reading hidden code

11.2 ms

background (generic function with 1 method)

background(ca::CellularAutomaton{<:CCA}, x::Float64) = "hsl(0deg,0%,$(x*100)%)"

👀 Reading hidden code

588 μs

background (generic function with 2 methods)

background(ca::CellularAutomaton{<:DCA}, x::Integer) =

"hsl(0deg,0%,$(100.0 * (1.0 - Float64(x) / (ca.generation_fun.states - 1)))%)"

👀 Reading hidden code

738 μs

background (generic function with 3 methods)

background(ca::CellularAutomaton{<:DCA}, x::Bool) = x ? "black" : "white"

👀 Reading hidden code

552 μs

show_sequence_old(ca ) = Layout.grid(

map(ca.evolution) do x

@htl "<div style=$(Dict(

"background" => x ? "black" : "white",

"border" => ".2px solid #888",

# "width" => "1em",

# "height" => "1em",

"aspect-ratio" => "1",

))></div>"

end;

column_gap="0",

style=Dict("background" => "white", "contain" => "layout paint")

)

👀 Reading hidden code

---

👀 Reading hidden code

66.2 μs

Interactive rule input

👀 Reading hidden code

191 μs

Single T input

Simple idea: the interactive bottom bit is a PlutoUI.CheckBox. We can use PlutoUI.Experimental.wrapped to display a the checkbox with other elements around it.

👀 Reading hidden code

266 μs

T_input (generic function with 2 methods)

T_input(a, b, c, default=false) = PlutoUI.Experimental.wrapped() do Child

Layout.grid([

disabled_checkbox(a) disabled_checkbox(b) disabled_checkbox(c)

Text("") Child(CheckBox(default)) Text("")

]; fill_width=false, column_gap="0")

end

👀 Reading hidden code

1.6 ms

@bind z T_input(true, false, true)

👀 Reading hidden code

2.0 s

false

👀 Reading hidden code

9.1 μs

👀 Reading hidden code

66.4 μs

disabled_checkbox (generic function with 1 method)

👀 Reading hidden code

556 μs

👀 Reading hidden code

66.1 μs

Combining 8 T inputs

PlutoUI.combine lets us combine multiple inputs into one that you can bind to.

👀 Reading hidden code

255 μs

@bind zzz PlutoUI.combine() do Child

Ts = Iterators.map(1:8) do i

# a,b,c are the top 3 values of the T

# These are the binary representations of the numbers [0, ..., 7]

abc = (c == '1' for c in bitstring(8-i)[end-2:end])

Child(T_input(abc...))

end

# display the Ts horizontally

Layout.hbox(Ts; style=Dict(:gap => "1em"))

end

👀 Reading hidden code

459 ms

false

false

false

false

false

false

false

false

zzz

👀 Reading hidden code

9.0 μs

👀 Reading hidden code

66.1 μs

Converting between bits and the rule number

👀 Reading hidden code

191 μs

ruletobits (generic function with 1 method)

👀 Reading hidden code

924 μs

Bool

false

false

false

true

true

true

true

false

collect(ruletobits(30))

👀 Reading hidden code

18.8 μs

👀 Reading hidden code

65.7 μs

bitstorule (generic function with 1 method)

👀 Reading hidden code

1.1 ms

bitstorule(ruletobits(30))

👀 Reading hidden code

17.1 μs

👀 Reading hidden code

65.9 μs

Putting it all together

We add the two transformations:

For the initial value: rule number to bits. These bits are the initial values of the checkboxes
For the @bind value: bits to rule number. We use PlutoUI.Experimental.transformed_value to apply a transformation function to the value returned via @bind.

👀 Reading hidden code

451 μs

rule_input (generic function with 1 method)

function rule_input(; default::Integer)

# default values of the interactive checkboxes, i.e. the bottoms of the Ts

default_checked = ruletobits(default)

# the 8 interactive Ts are combined into a single bindable element

combined = PlutoUI.combine() do Child

Ts = Iterators.map(enumerate(default_checked)) do (i, default)

# a,b,c are the top 3 values of the T

# These are the binary representations of the numbers [0, ..., 7]

abc = (c == '1' for c in bitstring(8-i)[end-2:end])

Child(T_input(abc..., default))

end

# display the Ts horizontally

Layout.hbox(Ts; style=Dict(:gap => "1em"))

end

# convert the selected bits into the rule number:

PlutoUI.Experimental.transformed_value(bitstorule, combined)

end

👀 Reading hidden code

3.7 ms

@bind myrule rule_input(default=30)

👀 Reading hidden code

174 ms

myrule

👀 Reading hidden code

10.6 μs

👀 Reading hidden code

67.2 μs

👀 Reading hidden code

66.3 μs

Macro `@bindname`

👀 Reading hidden code

195 μs

zzze:

@bindname zzze Slider(1:100)

👀 Reading hidden code

157 ms

zzze

👀 Reading hidden code

10.8 μs

@bindname

Like @bind in Pluto, but it also displays the name of the variable.

"""

Like `@bind` in Pluto, but it also displays the name of the variable.

"""

macro bindname(name::Symbol, ex::Expr)

quote

HypertextLiteral.@htl("""

<code style='font-weight: bold'>$($(String(name))):</code>&nbsp$(@bind $(name) $(esc(ex)))

</div>

""")

end

👀 Reading hidden code

1.1 ms

@bindname rulasdflkjasdlkfjasldkjfklajsdflkjasdfeee rule_input(default=30)

👀 Reading hidden code

3.7 ms

@bindname kjdfjkh rule_input(default=30)

👀 Reading hidden code

3.3 ms

In the cloud (experimental)

On your computer

Frontmatter

Preview

Demo

Utility functions

Display automata sequence

Interactive rule input

Single T input

Combining 8 T inputs

Converting between bits and the rule number

Putting it all together

Macro `@bindname`

Demo

Utility functions

Display automata sequence

Interactive rule input

Single T input

Combining 8 T inputs

Converting between bits and the rule number

Putting it all together

Macro @bindname

Macro `@bindname`